*{
	margin: 0;
	padding: 0;
}
body{
	background: #f3f2f2;
}
.container-fluid{
	padding: 0;
	height: 734px;
	position:relative;
}
.container-fluid>.navbar>.container>.navbar-header{
	background-color: #000;
}
.container-fluid>.navbar>.container>.navbar-header>.navbar-toggle{
	border: 1px solid #fff; 
}
.container-fluid>.navbar>.container>.navbar-header>.navbar-toggle>.icon-bar{
	background-color: #fff;
}
.container-fluid>.navbar>.container>.nav{
	border: none;
}
.container-fluid>.navbar>.container>.nav>li{
	padding: 0;
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	font-size : 2em;
}
.container-fluid>.navbar>.container>.collapse>.nav>li>a{
	border: 1px solid transparent;
}
.container-fluid>.navbar>.container>.collapse>.nav>li>a:hover{
	background: none;
	color: #fff;
	border: 1px solid transparent;
}
.container-fluid>.navbar>.container>.collapse>.nav>li:hover{
	border-bottom: 3px solid #fff;
}
.container-fluid>.navbar>.container>.collapse>.navbar-form>.btn{
	padding: 5px 20px;
	background: transparent;
	border: 2px solid #f18767;
	color: #f18767;
}
.container-fluid>.navbar>.container>.collapse>.after-login{
	display:block;
}
.container-fluid>.mood{
	height: 14%;
	position: absolute;
	top: 72%;
	cursor: pointer;
}
.container-fluid>.out{
	display:none;
}
.container-fluid>.out>.float{
	width:18.22%;
	height:6.89%;
	position: absolute;
	top:61.06%;
	background: #fff;
	border-radius:5px;
}
.container-fluid>.out>.float>p{
	margin-top: 15px;
	font-size:14px;
	text-align:center;
}
.container-fluid{
	padding: 0;
}
.container-fluid>.img-responsive{
	width: 100%;
}
.container-fluid>.col-sm-3{
	width: 0;
	height: 0;
	border-bottom: 0px solid #fff;
	border-right: 560px solid transparent;
	float: left;
}
.container-fluid>.col-sm-9{
	width: 0;
    height: 0;
    border-bottom: 0px solid #f1efef;
    border-left:  solid transparent;
    float: left;
}
.container>.col-sm-12{
	font-family: "Microsoft YaHei";
}
.container>.col-sm-12>.col-sm-2{
	margin: 0;
	color: rgb(235, 97, 0);
	border-right: 8px solid #ec8c5f;
	padding: 0;
	text-align: center;
}
.container>.col-sm-12>.col-sm-2>h2{
	margin: 0;
}
.container>.col-sm-12>.col-sm-2>p{
	font-size: 12px;
	margin: 0;
}
.container>.col-sm-12>.col-sm-4{
	margin-top: 30px;
	color: #ec8c5f;
	padding-left: 40px;
}
.container-fluid>.col-sm-2>.col-sm-12{
	background: #fff;
	margin-top: 8px;
}
.container-fluid>.col-sm-2>.col-sm-12>.number{
	border-radius: 50%;
	background: #ec8c5f;
	width: 20px;
	height: 20px;
	display:block;
}
.container-fluid>.col-sm-2>.col-sm-12>.notnumber{
	border-radius: 50%;
	display:none;
	width: 20px;
	height: 20px;
	background : #ccc;
	margin-top : 20px;
}
.container-fluid>.col-sm-2>.col-sm-12>.number>h1{
	text-align: center;
	font-family: "Microsoft YaHei";
	font-size: 18px;
	color: #fff;
	z-index: 56;
	text-align: center;
}
.container-fluid>.col-sm-2>.col-sm-12>.nonumber{
	background: #828ba8;
	margin-top: 1em;
	border-radius: 50%;
	width: 20px;
	height: 20px;
}
.container-fluid>.col-sm-2>.col-sm-12{
	border-radius : 5%;
}
.container-fluid>.col-sm-2>.col-sm-12>.col-sm-12{
	margin-left: 30px;
	cursor:pointer;
}
.container-fluid>.col-sm-2>.col-sm-12>.col-sm-12>p{
	font-size: 25px;
	font-family: "Microsoft YaHei";
}
.container-fluid>.col-sm-8{
	margin-top: 8px;
	border: none;
}
.container-fluid>.col-sm-8>.col-sm-12{
	background: #fff;
}
.container-fluid>.col-sm-2>.col-sm-12>.col-sm-12>.img{
	display:block;
	width : 150px;
	height : 100px;
}
.container-fluid>.col-sm-2>.col-sm-12>.col-sm-12>.title{
	text-decoration : none;
}
.container-fluid>.col-sm-8>.col-sm-12>p{
	font-size:2em;
}
.container-fluid>.col-sm-2>.col-sm-12>a{
	padding: 8px 18px;
	border: none;
	background-color: #ec6941;
	color: #fff;
	text-decoration: none;
}
.container-fluid>.col-sm-2>.col-sm-12>.hidden{
	display:none;
}
#content{
	font-size: 25px;
}
#img{
	diaplay : block;
	height : 400px;
}